<template>
	<view class="vip">
		<swiper class="vip-swiper" indicator-active-color="#fff" :indicator-dots="true" indicator-color="#fff" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item v-for="(item,index) in banner" :key="index">
				<image :src="item" class="vip-swiper-image" mode=""></image>
			</swiper-item>
		</swiper>
		
		<view class="vip-good">
			<vip-good v-for="(item,index) in list" :good="item"></vip-good>
		</view>
	</view>
</template>

<script>
	import VipGood from "@/components/VipGood/VipGood.vue"
	export default {
		data() {
			return {
				banner: ["/static/vipbanner.jpg"],
				list: [
					
				]
			};
		},
		components: {
			VipGood
		},
		onLoad() {
			this.getlist();
		},
		methods:{
			getlist(){
				var that = this;
				that.$http('api/getvipgoods',{},function(res){
					that.list = res.data.list;
				})
			}
		}
	}
</script>

<style lang="scss">
	.vip-swiper{
		width: 100%;
		height: 380upx;
		&-image{
			width: 100%;
			height: 100%;
		}
	}
	.vip-good{
		width: 710upx;
		margin: 0 auto;
	}
</style>
